import { withPixiApp, Container } from '@inlet/react-pixi'
import React from 'react'
import PropTypes from 'prop-types'
import { Keypoint } from '../brushes'

const EditKeyPointView = ({
  label, color, scale, setting,
}) => (
  <Container>
    <Keypoint label={label} color={color} scale={scale} setting={setting} edit />
  </Container>
)

EditKeyPointView.propTypes = {
  scale: PropTypes.number.isRequired,
  label: PropTypes.object.isRequired,
  color: PropTypes.string.isRequired,
  lines: PropTypes.array.isRequired,
}

export default withPixiApp(EditKeyPointView)
